<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>ScrollUp demo - Mark Goodyear</title>

<link id="scrollUpTheme" rel="stylesheet" href="css/themes/link.css">
<link id="scrollUpTheme" rel="stylesheet" href="css/labs.css">

<script type="text/javascript" src="js/lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.easing.min.js"></script>
<script type="text/javascript" src="src/jquery.scrollUp.js"></script>
</head>

<script>

		/* scrollUp Minimum setup */
		// $(function () {
		// 	$.scrollUp();
		// });

		// scrollUp full options
		$(function () {
			$.scrollUp({
		        scrollName: 'scrollUp', // Element ID
		        scrollDistance: 300, // Distance from top/bottom before showing element (px)
		        scrollFrom: 'top', // 'top' or 'bottom'
		        scrollSpeed: 300, // Speed back to top (ms)
		        easingType: 'linear', // Scroll to top easing (see http://easings.net/)
		        animation: 'fade', // Fade, slide, none
		        animationSpeed: 200, // Animation in speed (ms)
		        scrollTrigger: false, // Set a custom triggering element. Can be an HTML string or jQuery object
						//scrollTarget: false, // Set a custom target element for scrolling to the top
		        scrollText: 'Scroll to top', // Text for element, can contain HTML
		        scrollTitle: false, // Set a custom <a> title if required.
		        scrollImg: false, // Set true to use image
		        activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
		        zIndex: 2147483647 // Z-Index for the overlay
			});
		});

		// Destroy example
		$(function(){
			$('.destroy').click(function(){
				$.scrollUp.destroy();
			})
		});

	</script>
<body>

	<div class="header">
		<a href="http://markgoodyear.com" class="logo">Mark Goodyear</a> <a
			href="http://markgoodyear.com/2013/01/scrollup-jquery-plugin/"
			class="view-article">View article</a>
	</div>

	<div class="container">
		<h1>scrollUp Demo</h1>
		<p>ScrollUp is a lightweight jQuery plugin to create a
			customisable “Scroll to top” feature that will work with any website,
			with ease.</p>

		<h2>Destroy method</h2>
		<p>Use the button below to test the destroy method. Refresh the
			page to re-initialise scrollUp.</p>
		<button class="destroy">DESTROY!</button>

		<h2>Dummy content</h2>
		<p>This is dummy content to ensure the page is long enough to
			scroll on all screen sizes.</p>

		<p>Pellentesque habitant morbi tristique senectus et netus et
			malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat
			vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
			amet quam egestas semper. Aenean ultricies mi vitae est. Mauris
			placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
			pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae,
			ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt
			condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac
			dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
			dapibus, neque id cursus faucibus, tortor neque egestas augue, eu
			vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi,
			tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
		<p>Pellentesque habitant morbi tristique senectus et netus et
			malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat
			vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
			amet quam egestas semper. Aenean ultricies mi vitae est. Mauris
			placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
			pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae,
			ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt
			condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac
			dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
			dapibus, neque id cursus faucibus, tortor neque egestas augue, eu
			vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi,
			tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
		<p>Pellentesque habitant morbi tristique senectus et netus et
			malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat
			vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
			amet quam egestas semper. Aenean ultricies mi vitae est. Mauris
			placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
			pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae,
			ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt
			condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac
			dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
			dapibus, neque id cursus faucibus, tortor neque egestas augue, eu
			vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi,
			tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
		<p>Pellentesque habitant morbi tristique senectus et netus et
			malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat
			vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
			amet quam egestas semper. Aenean ultricies mi vitae est. Mauris
			placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
			pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae,
			ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt
			condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac
			dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
			dapibus, neque id cursus faucibus, tortor neque egestas augue, eu
			vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi,
			tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
		<p>Pellentesque habitant morbi tristique senectus et netus et
			malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat
			vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
			amet quam egestas semper. Aenean ultricies mi vitae est. Mauris
			placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
			pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae,
			ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt
			condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac
			dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
			dapibus, neque id cursus faucibus, tortor neque egestas augue, eu
			vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi,
			tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
		<p>Pellentesque habitant morbi tristique senectus et netus et
			malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat
			vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
			amet quam egestas semper. Aenean ultricies mi vitae est. Mauris
			placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
			pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae,
			ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt
			condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac
			dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
			dapibus, neque id cursus faucibus, tortor neque egestas augue, eu
			vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi,
			tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
		<p>Pellentesque habitant morbi tristique senectus et netus et
			malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat
			vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
			amet quam egestas semper. Aenean ultricies mi vitae est. Mauris
			placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
			pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae,
			ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt
			condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac
			dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
			dapibus, neque id cursus faucibus, tortor neque egestas augue, eu
			vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi,
			tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>

	</div>

</body>
</html>
